<link href="<{$APPLICATION_URL}>/Themes/Default/Styles/grpdetail.css" rel="stylesheet" type="text/css"/>
<div class="toshow_buynow">
        <div class="wrap_detial">
            <div class="detail_left">

                <div class="detail_top">
                    <div class="wrap_detail_top">
                        <h3><{$grouponEntity->title}></h3>
                        <div class="detail_body">

                            <div class="detail_layout_left">
                                <div class="buynow_box">
                                    <div class="show_price">
                                        <div class="price">
                                            <a><span><{$dealsEntity->sale_price|number_format}></span></a>
                                        </div>
                                        <span><input type="button" name="button" id="button" value="Mua" />  </span>
                                    </div>
                                    <ul>
                                        <li>
                                            <span>Giá gốc</span>
                                            <div class="price"><{$dealsEntity->original_price|number_format}></div>
                                        </li>
                                        <li>
                                            <span>Giảm giá</span>
                                            <div class="price"><{math equation = "(original_price - sale_price) / original_price * 100"
                                                original_price = $dealsEntity->original_price
                                                sale_price = $dealsEntity->sale_price
                                                }> %</div>
                                        </li>
                                        <li>
                                            <span>Tiết kiệm</span>
                                            <div class="price"><{math equation = "original_price - sale_price"
                                                original_price = $dealsEntity->original_price
                                                sale_price = $dealsEntity->sale_price
                                                }></div>
                                        </li>
                                    </ul>
                                    <!--<div class="for_friend">
                                        <span class="icon"> </span>
                                        <span class=buyitforfriend><a href="#">Buy it for Friend</a></span>
                                    </div>-->
                                </div>

                                <div class="time_left_box">
                                    <div class="icon"> </div>
                                    <div class="time_left">
                                        <span>Thời gian còn lại</span>
                                        <div class="time" id="timeLeft">
                               
                               <script type="text/javascript">
                                   CountBack("timeLeft", "40000");
                                /*
                            Author:		Robert Hashemian (http://www.hashemian.com/)
                            Modified by:	Munsifali Rashid (http://www.munit.co.uk/)
                            Modified by:	Tilesh Khatri
                                 */

                                function StartCountDown(myDiv,myTargetDate)
                                {
                                    var dthen	= new Date(myTargetDate);
                                    var dnow	= new Date();
                                    ddiff		= new Date(dthen-dnow);
                                    gsecs		= Math.floor(ddiff.valueOf()/1000);
                                    CountBack(myDiv,gsecs);
                                }

                                function Calcage(secs, num1, num2)
                                {
                                    s = ((Math.floor(secs/num1))%num2).toString();
                                    if (s.length < 2)
                                    {
                                        s = "0" + s;
                                    }
                                    return (s);
                                }

                                function CountBack(myDiv, secs)
                                {
                                    var DisplayStr;
                                    var DisplayFormat = "%%D%% ngày %%H%%:%%M%%:%%S%%";
                                    //var DisplayFormat = "%%H%%:%%M%%:%%S%%";
                                    DisplayStr = DisplayFormat.replace(/%%D%%/g,	Calcage(secs,86400,100000));
                                    DisplayStr = DisplayStr.replace(/%%H%%/g,		Calcage(secs,3600,24));
                                    DisplayStr = DisplayStr.replace(/%%M%%/g,		Calcage(secs,60,60));
                                    DisplayStr = DisplayStr.replace(/%%S%%/g,		Calcage(secs,1,60));
                                    if(secs > 0)
                                    {
                                        document.getElementById(myDiv).innerHTML = DisplayStr;
                                        setTimeout("CountBack('" + myDiv + "'," + (secs-1) + ");", 990);
                                    }
                                    else
                                    {
                                        if($('#isReloadPage').get('value')=='0'){
                                            window.location.reload();
                                        }
                                        $('#deal .theend_deal').setStyle('display','block');
                                    }
                                }
                                     
                                </script>
                                
                                        </div>
                                    </div>
                                </div>

                                <div class="limited_quantity_box">
                                    <ul>
                                        <li>37 bought </li>
                                        <li>Limited quantity available </li>
                                        <li> </li>
                                        <li>9 more needed to get the deal</li>
                                    </ul>
                                </div>

                                <div class="tool_box">
                                    <ul>
                                        <li class="share">
                                            <a href="#"> </a>
                                            <span>Share</span>
                                        </li>
                                        <li class="t_face">
                                            <div class="twiter">
                                                <a href=""> </a>
                                            </div>
                                            <div class="face">
                                                <a href=""> </a>
                                            </div>
                                        </li>
                                        <li class="print_google">
                                            <div class="print">
                                                <a href=""> </a>
                                            </div>
                                            <div class="google">
                                                <a href=""> </a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div> <!-- End detail_layout_left -->

                            <div class="detail_layout_right">
                                <div class="detail_photo">
                                    <a href="#"><img alt="" src="<{$grouponEntity->getImage()}>"/></a>
                                </div>
                                <div class="detail_info">
                                    <div class="fine_print">Điều Kiện</div>
                                    <ul>
                                        <li>Limit per person: 2 (+3 as a gift) </li>
                                        <li>Promotion Expires on January 30, 2012 </li>
                                        <li>Entire voucher must be used in one transaction. </li>
                                        <li> Voucher cannot be applied toward taxes and shipping.</li>
                                        <li>Not valid for Agua Bendita swimwear. </li>
                                        <li>Purchase must match or exceed voucher value. </li>
                                        <li>Limit one voucher per order. </li>
                                        <li>Cannot be combined with other offers or promotions.</li>
                                        <li>Standard fine print  </li>
                                    </ul>
                                </div>
                                <div class="highlight">
                                    <div class="highlight_title">Điểm nổi bật</div>
                                    <ul>
                                        <li>Your one-stop shop for contemporary fashion, stand-out style, and excellent craftsmanship. </li>
                                        <li>Apartstyle.com is packed with styling tips and inspiration. </li>
                                        <li>Don't forget the accessories! Stock up on jewelry, bags, and more.</li>
                                    </ul>
                                </div>
                            </div> <!-- End detail_layout_right-->

                        </div> <!-- End deatil_body -->
                    </div>
                </div> <!-- End detail_top -->

                <div class="detail_bottom">
                    <div class="wrap_detail_bottom" >
                        <div class="detail_bottom_left">
                            <ul class="nav">
                                <li class="">
                                    <a><b>Miêu tả</b></a>
                                </li>
                                <li class="active">
                                    <a><b>Bình luận</b></a>
                                </li>
                                <li class="">
                                    <a><b>Reviews</b></a>
                                </li>
                            </ul>
                            <div class="content">
                                <div class="description"></div>
                                <div class="discussions">
                                    <div class="wrap_comment">
                                        <div class="number_commnet">
                                            <span class="number">5</span>
                                            <div>comments</div>
                                        </div>
                                        <ul>
                                            <li>
                                                <div class="thumbs_user"><a href="#"><img alt="" src=""/> </a></div>
                                                <div class="comment_info">
                                                    <span class="user_name">nam nguyen</span><span>I love this dresses so much ! </span>
                                                    <div class="timestamp">Mon at 6:32 PM</div>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="viewmore">
                                            <a href="#"> </a>
                                        </div>
                                    </div>
                                </div> <!-- End discussions -->
                                <div class="reviews"></div>
                             </div>
                        </div> <!-- End detail_bottom_left -->

                        <div class="detail_bottom_right">
                            <div class="ratings">***** ratings</div>
                            <div class="location">
                                <span>Location: </span>
                                <a href="#"><img alt="" src="images/del/map.jpg"/> </a>
                            </div>
                            <div class="loaction_detail">
                                <ul>
                                    <li>
                                        <div class="city_name">Lolita New York </div>
                                        <div class="address">6 Raffles Boulevard, #B1-12 Marina Square 039594</div>
                                    </li>
                                    <li>
                                        <div class="city_name">Lolita New York </div>
                                        <div class="address">6 Raffles Boulevard, #B1-12 Marina Square 039594</div>
                                    </li>
                                </ul>
                            </div>
                        </div>  <!-- End detail_bottom_right -->
                    </div>
                </div> <!-- End detail_bottom -->
            </div> <!-- End detail_left -->
            <div class="detail_right">
                <h3>Gia Tốt Cho Bạn</h3>
                <ul>
                    <li>
                        <div class="great_box">
                            <div class="great_title"><a href="#"> Got Matcha Premium Matcha Green Tea Package</a></div>
                            <div class="body_great_deals">
                                <div class="button_list">
                                     <div class="price1"> <input type="button" id="button" name="buton" value="$40"/></div>
                                     <div class="price2"> <input type="button" id="button" name="buton" value="$20"/></div>
                                     <div class="view"> <input type="button" id="button" name="buton" value="view" /></div>
                                </div>
                                <div class="photo_great_deals">
                                    <a href=""><img alt="" src="" /> </a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="great_box">
                            <div class="great_title"><a href="#"> Got Matcha Premium Matcha Green Tea Package</a></div>
                            <div class="body_great_deals">
                                <div class="button_list">
                                     <div class="price1"> <input type="button" id="button" name="buton" value="$40"/></div>
                                     <div class="price2"> <input type="button" id="button" name="buton" value="$20"/></div>
                                     <div class="view"> <input type="button" id="button" name="buton" value="view" /></div>
                                </div>
                                <div class="photo_great_deals">
                                    <a href=""><img alt="" src="images/del/2.jpg" /> </a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="great_box">
                            <div class="great_title"><a href="#"> Got Matcha Premium Matcha Green Tea Package</a></div>
                            <div class="body_great_deals">
                                <div class="button_list">
                                     <div class="price1"> <input type="button" id="button" name="buton" value="$40"/></div>
                                     <div class="price2"> <input type="button" id="button" name="buton" value="$20"/></div>
                                     <div class="view"> <input type="button" id="button" name="buton" value="view" /></div>
                                </div>
                                <div class="photo_great_deals">
                                    <a href=""><img alt="" src="images/del/2.jpg" /> </a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="great_box">
                            <div class="great_title"><a href="#"> Got Matcha Premium Matcha Green Tea Package</a></div>
                            <div class="body_great_deals">
                                <div class="button_list">
                                     <div class="price1"> <input type="button" id="button" name="buton" value="$40"/></div>
                                     <div class="price2"> <input type="button" id="button" name="buton" value="$20"/></div>
                                     <div class="view"> <input type="button" id="button" name="buton" value="view" /></div>
                                </div>
                                <div class="photo_great_deals">
                                    <a href=""><img alt="" src="images/del/2.jpg" /> </a>
                                </div>
                            </div>
                        </div>
                    </li>

                </ul>
            </div> <!-- End detail_right -->

        </div> <!-- End wrap_detial -->
</div>